﻿@{
    Layout = null;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>论坛</title>
    <style type="text/css">
        body {
            background-image: url(/img/bk-login.png);
            background-repeat: repeat-y;
        }

        .mod-new-reg-content {
            /* 相对路径 */
            position: absolute;
            right: 35%;
            top: 15%;
            margin: 0 0 22px 39px margin-top: 80px;
            width: 460px;
            height: 480px;
            *background: #fff;
            background: #fff \9;
            /*background: rgba(255, 255, 255, .9);*/
            /* 圆角 */
            border-radius: 12px;
            /* 防止溢出 */
            overflow: hidden;
        }

            .mod-new-reg-content .new-reg-guide-login {
                margin: 50px 0 22px 39px;
            }

        .table-1 {
            position: relative;
            /*靠右距离*/
            left: 45px;
            /*靠上距离*/
            top: 10px;
            height: 160px;
        }

        /*用户名，邮箱，密码输入框*/
        .shurukuang {
            font-size: 18px;
            height: 25px;
            width: 280px;
            /* 圆角 */
            border-radius: 4px;
            /* 边框样式 */
            border: 1px solid #c8cccf;
            color: #6a6f77;
        }

        /*验证码和验证码输入框的位置*/
        .yanzhengma {
            position: relative;
            left: 47px;
            top: 20px;
            height: 160px;
            . padding-left: 5 px;
        }

        /*验证码输入框*/
        .yanzhengmashurukuang {
            font-size: 18px;
            height: 25px;
            width: 155px;
            /* 圆角 */
            border-radius: 4px;
            /* 边框样式 */
            border: 1px solid #c8cccf;
            color: #6a6f77;
        }

        /* 按钮*/
        button {
            /* 创建渐变 */
            background: #70e1f5;
            background-image: -webkit-linear-gradient(top, #70e1f5, #ffd194);
            background-image: -moz-linear-gradient(top, #70e1f5, #ffd194);
            background-image: -ms-linear-gradient(top, #70e1f5, #ffd194);
            background-image: -o-linear-gradient(top, #70e1f5, #ffd194);
            background-image: linear-gradient(to bottom, #70e1f5, #ffd194);
            width: 340px;
            /*设置按钮宽度*/
            height: 40px;
            /*设置按钮高度*/
            color: white;
            /*字体颜色DarkBlue*/
            border-radius: 3px;
            /*让按钮变得圆滑一点*/
            border-width: 0;
            /*消去按钮丑的边框*/
            margin: 0;
            outline: none;
            /*取消轮廓*/
            font-family: KaiTi;
            /*字体设置为楷体*/
            font-size: 17px;
            /*设置字体大小*/
            text-align: center;
            /*字体居中*/
            cursor: pointer;
            /*设置鼠标箭头手势*/
        }

            /*鼠标移入按钮范围时改变颜色*/
            button:hover {
                background: #2079b0;
                background-image: -webkit-linear-gradient(top, #4568dc, #b06ab3);
                background-image: -moz-linear-gradient(top, #4568dc, #b06ab3);
                background-image: -ms-linear-gradient(top, #4568dc, #b06ab3);
                background-image: -o-linear-gradient(top, #4568dc, #b06ab3);
                background-image: linear-gradient(to bottom, #4568dc, #b06ab3);
                text-decoration: none;
            }
    </style>
</head>

<body>
    <form action="/Users/Login" method="post">
        <div class=" mod-new-reg-content">
            <div class="new-reg-guide-login">
                <h2>欢迎登录</h2>
                <p>没有帐号？ <a href="/Users/Register">立即注册</a></p>
            </div>
            <table class="table-1">
                <tr>
                    <td>用户名:</td>
                    <td><input type="text" class="shurukuang" id="uname" name="uname" placeholder="请输入你用户名" /> <br /></td>
                </tr>

                <tr>
                    <td>密　码:</td>
                    <td><input type="password" class="shurukuang" id="pwd" name="pwd" placeholder="请输入你密码" /></td>
                </tr>
            </table>
            <div class="yanzhengma">

                <br />
                <br />
                <button type="submit" class="zhuchebutton">
                    立即登录
                </button>
            </div>
            <div style="color: red; text-align: center">@TempData["msg"]</div>
        </div>
    </form>
    @*<div id="wai">
        <div id="zi">使用社交账号登录：</div>
        <div id="xinl"><a href="#">新浪微博</a></div>
        <div id="tengx"><a href="#">腾讯QQ</a></div>
        <div id="biao">
            <div id="shang">昵称: <input type="text" id="uname" name="uname" /></div>
            <div id="xia">密码: <input type="password" id="pwd" name="pwd" /></div>
        </div>
        <div id="zhuc">
            <input type="submit" value="登录" style="background-color:#fff;width:300px" />
        </div>
        <div style="color: red; text-align: center">@TempData["msg"]</div>
        <div id="diz">
            <a href="#">找回密码</a>
        <a href="/Users/Register" id="zc">注册</a>
    </div>
</div>*@

</body>
</html>
